@extends('host.custom.common.common')

@section('c-head')
    <script>

        PAGE_DATA = {

            tab_datas : [
                {
                    detail : [
                    ],
                    searchState: [
                        {code: "10001", text: "111"},
                        {code: "10002", text: "222"},
                        {code: "10003", text: "333"},
                    ],
                    pagingObj : {
                        total : "0",
                        pageSize : "7",
                        page : "1"
                    }
                },
                {
                    detail : [
                    ],
                    searchState: [
                        {code: "20001", text: "aaa"},
                        {code: "20002", text: "bbb"},
                        {code: "20003", text: "ccc"},
                    ],
                    pagingObj : {
                        total : "0",
                        pageSize : "7",
                        page : "0"
                    }
                }
            ],
            pagingObj : {
                total : 0,
                pageSize : 7,
                page : 0
            }

        };

    </script>
@stop

@section('body')
        <!-- top_test -->
    <div id="top_test"></div>

    <!-- web_logo_search -->
    <div id="web_logo_search"></div>

    <!-- comm_nav -->
    <div id="comm_nav"></div>

    <div class="com-w mt20">
        <div class="wrapper clearfix">
            <div  class="w220 mr20 comm-left-menu">
                <div class="menu-top-title">供应商中心</div>
                <div id="leftmenuitems"></div>
            </div>

            <div class="w960 comm-main">
                <div class="main-release clearfix">
                    <div class="main-release-nav">您当前的位置：首页 > 供应商中心 > 我的采购商</div>
                    <div class="main-release-title">
                        <span class="icons"></span>
                        <span class="release-title-h3 f16">退换货管理</span>
                    </div>
                    <div class="main-release-from">
                        <div id="commTabs_1" class="comm-tabs">
                            <div class="comm-tabs-head">
                                <div class="head-item current">退换货管理</div>
                                <div class="head-item">换货记录</div>
                            </div>

                            <div class="comm-tabs-body clearfix">

                                <div id="tab-body-0" class="body-item  return-goods-return current">
                                    <div class="h60 w960">
                                        <div class="closing-time f14 return-goods">
                                            <input type="text" name="goodName" placeholder="商品名称" class="w220x32" /> 申请时间：
                                            <input type="text" class="sel-order-time-1" readonly /> -
                                            <input type="text" class="sel-order-time-2" readonly /> 状态：
                                            <select id="select-0" class="sel-search-state"> <option value="">请选择</option> </select>
                                            <div class="btn btn-warn btn-w70x32 sel-search-btn">
                                                搜索
                                            </div>
                                        </div>
                                    </div>
                                    <div class="return-goods">
                                        <div class="head">
                                            <ul class="clearfix">
                                                <li class="w120">退货编号</li>
                                                <li class="w150">订单编号</li>
                                                <li class="w210">商品名称</li>
                                                <li class="w100">退货数量</li>
                                                <li class="w100">申请时间</li>
                                                <li class="w140">状态</li>
                                                <li class="w140">操作</li>
                                            </ul>
                                        </div>
                                        <div id="commTabs_body_0" class="body return-goods-body clearfix container">
                                        </div>
                                    </div>
                                    <div id="comm-paging-0" class="comm-paging mb10 mr10" style="float: right;">
                                    </div>
                                    <input type="hidden" id="sel-status-0" class="sel-status" value="0" />
                                </div>

                                <div id="tab-body-1" class="body-item return-goods-return">
                                    <div class="h60 w960">
                                        <div class="closing-time f14 return-goods">
                                            <input type="text" name="goodName" placeholder="商品名称" class="w220x32" /> 申请时间：
                                            <input type="text" class="sel-order-time-1" /> -
                                            <input type="text" class="sel-order-time-2" /> 状态：
                                            <select id="select-1" class="sel-search-state"> <option value="">请选择</option> </select>
                                            <div class="btn btn-warn btn-w70x32 sel-search-btn">
                                                搜索
                                            </div>
                                        </div>
                                    </div>
                                    <div class="return-goods">
                                        <div class="head">
                                            <ul class="clearfix">
                                                <li class="w120">退货编号</li>
                                                <li class="w150">订单编号</li>
                                                <li class="w210">商品名称</li>
                                                <li class="w100">退货数量</li>
                                                <li class="w100">申请时间</li>
                                                <li class="w140">状态</li>
                                                <li class="w140">操作</li>
                                            </ul>
                                        </div>
                                        <div id="commTabs_body_1" class="body return-goods-body clearfix container">
                                        </div>
                                    </div>
                                    <div id="comm-paging-1" class="comm-paging mb10 mr10" style="float: right;">
                                    </div>
                                    <input type="hidden" id="sel-status-1" class="sel-status" value="1" />
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- foot_nav -->
    <div id="foot_nav"></div>

    <div id="bottom_main"></div>

    <style>
        .body-item ul li{
            height: inherit;
        }
    </style>

    <script type="text/template" id="item-template">
        <%_.each(obj, function(item){%>

        <ul class="one-line clearfix return-goods-ul <% if(item.operate == "3"){%> h130 <%} else { %> h90 <% }%>">
            <li class="w120 f-orange shop-num h70"> <%=item.serialNum%></li>
            <li class="w150 f-grey-1 h70"> <%=item.orderSerialNum%></li>
            <li class="w210 f-grey-1 shop-name h70"> <span class="fl f14 lh18 text" style="width: 132px;  margin-left: 40px;  margin-top: 25px;height: 56px"><%=item.goodName%></span></li>
            <li class="w100 f-grey-1 h70"><%=item.amount%></li>
            <li class="w100 f-grey-1 h70"><%=item.applyDate%></li>
            <li class="w140 f-grey-1 h70"><%=item.state%></li>
            <li class="w140 <% if(item.operate == "3"){%> h130 <%} else { %> h90 <% }%>"
                serial-num="<%=item.serialNum%>" order-num="<%=item.orderSerialNum%>" >

                <a href="<%= item.detailHref%>" class="btn btn-default btn-70x30 mt10">查看</a>
                <% if(item.operate == "2"){ %>
                <div class="btn btn-warn btn-70x30 mt10 sel-accept-btn">退货受理</div>
                <% } else if(item.operate == "3") { %>
                <div class="btn btn-warn btn-70x30 mt10 sel-rebate-btn">确认退款</div>
                <div class="btn btn-important btn-70x30 mt10 sel-reject-btn">拒绝退款</div>
                <% } %>

            </li>
        </ul>

        <%});%>
    </script>

    <link rel="stylesheet" href="/assets/b2b/css/jquery-ui.min.css">
    <link rel="stylesheet" href="/assets/b2b/css/ui-dialog.css">

    <script src="/assets/b2b/js/libs/jquery-ui.min.js"></script>
    <script type="text/javascript" src="/assets/b2b/js/libs/dialog-min.js"></script>

    <script src="/assets/b2b/js/libs/jquery.paging.min.js"></script>
    <script type="text/javascript" src="/assets/b2b/js/libs/page/common.plugin.js"></script>
    <script src="/assets/b2b/js/pageModules/supplyer/S13.js"></script>

@stop